<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>全民光伏PV Plus</title>
    <link rel="stylesheet" href="../css/style.css"/>
    <link rel="stylesheet" href="../libs/mobile-select-area/mobile-select-area.css"/>
</head>
<body>

<!--w-header-->
<nav class="w-header">
    <a href="javascript:;" class="goback" id="J_go-back"><i class="goback-icon"></i></a>
    <span class="web-tit">购买设备</span>
</nav>

<!--web-main submit-order-->
<section class="web-main submit-order">

    <form action="" id="J_order-form">
        <!--order-hd-->
        <div class="order-hd">
            <!--hd-tit-->
            <div class="hd-tit">
                <div class="goods-img">
                    <img src="http://aniublog.com/wp-content/uploads/2015/11/iehack.jpg" alt="">
                </div>
                <div class="goods-info">
                    <h3 class="goods-tit">Wi-Fi Kit</h3>
                </div>
            </div>
            <p class="goods-price">¥ <span id="J_goods-price">100</span></p>
            <!--parameter-->
            <div class="parameter">
                <p class="parameter-item">
            <span class="item-l">
                逆变器品牌：
            </span>
                    <span class="item-r">
               锦浪
            </span>
                </p>
                <p class="parameter-item">
            <span class="item-l">
                逆变器相数：
            </span>
                    <span class="item-r">
               单相单路
            </span>
                </p>
                <p class="parameter-item">
            <span class="item-l">
                逆变器型号：
            </span>
                    <span class="item-r">
               20-40KW
            </span>
                </p>
            </div>
        </div>
        <!--order-bd-->
        <div class="order-bd">
            <!--sel-num-->
            <p class="sel-num">
                <span class="buy-num-txt">数量</span>
                <i class="sel-num-op">
                    <a href="javascript:;" class="num-subtract" id="J_num-subtract" data-type="-1">-</a>
                    <input type="text" name="goods-num" class="num-practical" value="1" id="J_num-practical" readonly>
                    <a href="javascript:;" class="num-add" id="J_num-add" data-type="1">+</a>
                </i>
                <span id="J_inventory" data-inventory="100">（库存100）</span>
            </p>
            <!--receiving-info 收货人基本信息-->
            <div class="receiving-info">
                <p class="info-item">
                    <span class="item-txt">收货地址：</span>
                    <span class="item-txt-r">
                    <input class="J_save-input" name="get-area" id="J_get-area" type="text" placeholder="省份 城市 区县">
                    <input type="hidden" id="J_get-area-hide">
                </span>
                </p>
                <p class="info-item write-address"><input type="text" name="detail-address" id="J_detail-address"
                                                          placeholder="请填写详细地址"></p>
                <p class="info-item">
                    <span class="item-txt">收件人：</span>
                    <span class="item-txt-r">
                    <input type="text" name="recipients" id="J_recipients">
                </span>
                </p>
                <p class="info-item">
                    <span class="item-txt">联系电话：</span>
                    <span class="item-txt-r">
                    <input type="text" name="tel" id="J_tel">
                </span>
                </p>
                <p class="info-item sel-invoice" id="J_sel-invoice">
                    <span class="item-txt">发票：</span>
                    <span class="item-txt-l" id="J_sel-invoice-txt">不开具发票</span>
                </p>
            </div>

            <!--invoice-type 发票类型-->
            <div class="invoice-type" id="J_invoice-type">
                <!--normal-invoice-->
                <div class="type-item normal-invoice">
                    <p class="item-text">发票抬头</p>
                    <p class="item-cate">
                        <span class="J_normal-invoice-cate-sel cur" data-invoicecate="1"><i class="cate-icon">
                            <input class="invoice-input" type="checkbox" name="cate-icon" checked value="1"></i>个人
                        </span>
                        <span class="J_normal-invoice-cate-sel" data-invoicecate="2">
                            <i class="cate-icon"><input class="invoice-input" type="checkbox" name="cate-icon" value="2"></i>单位
                        </span>
                    </p>
                    <p class="unit-name normal-invoice-unit-name"><input class="invoice-input J_unit-name-normal" name="normal-invoice-unit-name" type="text" disabled placeholder="请输入单位名称"></p>
                    <p class="invoice-cont">
                        <span class="invoice-cont-l">发票内容 :</span>
                        <span class="invoice-cont-r"><input disabled name="normal-invoice-cont" type="text" value="明细"  readonly
                                                             class="cont-txt cont-txt-detail invoice-input J_normal-invoice-cont"></span>
                    </p>


                    <div class="dedicated-invoice-info J_normal-invoice-dedicated-invoice-info">
                        <p class="ratepayer">
                        <span class="invoice-info-inner">
                            <i class="invoice-info-txt">纳税人识别号：</i>
                            <i class="invoice-info-r">
                                <input disabled class="invoice-input J_normal-invoice-distinguish-name" type="text"
                                       name="normal-invoice-distinguish-name">
                            </i>
                        </span>
                        </p>
                    </div>


                </div>

                <!--dedicated-invoice-->
                <div class="type-item  dedicated-invoice">
                    <p class="item-text">发票抬头</p>
                    <p class="item-cate">
                        <span class="cur"><i class="cate-icon"><input disabled class="invoice-input" type="radio"
                                                                      name="cate-icon" value="1"></i>单位</span>
                    </p>
                    <p class="unit-name"><input disabled class=" J_unit-name invoice-input" type="text"
                                                placeholder="请输入单位名称" name="unit-name"></p>
                    <p class="invoice-cont">
                        <span class="invoice-cont-l">发票内容 :</span>
                        <span class="invoice-cont-r"> <input disabled value="明细" readonly type="text" name="invoice-cont"
                                                             class="cont-txt cont-txt-detail invoice-input J_dedicated-invoice-cont"></span>
                    </p>

                    <div class="dedicated-invoice-info">
                        <p class="ratepayer">
                        <span class="invoice-info-inner">
                            <i class="invoice-info-txt">纳税人识别号：</i>
                            <i class="invoice-info-r">
                                <input disabled class="invoice-input J_distinguish-name" type="text"
                                       name="distinguish-name">
                            </i>
                        </span>
                        </p>
                        <p>
                             <span class="invoice-info-inner">
                                 <i class="invoice-info-txt">注册地址：</i>
                                 <i class="invoice-info-r">
                                     <input disabled class="invoice-input J_registered-address" type="text"
                                            name="registered-address">
                                 </i>
                             </span>
                        </p>
                        <p>
                             <span class="invoice-info-inner">
                                 <i class="invoice-info-txt">注册电话：</i>
                                 <i class="invoice-info-r">
                                     <input disabled class="invoice-input J_registered-tel" type="text"
                                            name="registered-tel">
                                 </i>
                             </span>
                        </p>
                        <p>
                             <span class="invoice-info-inner">
                                 <i class="invoice-info-txt">开户银行：</i>
                                 <i class="invoice-info-r">
                                     <input disabled class="invoice-input J_deposit-bank" type="text"
                                            name="deposit-bank">
                                 </i>
                             </span>
                        </p>
                        <p>
                             <span class="invoice-info-inner">
                                 <i class="invoice-info-txt">银行账号：</i>
                                 <i class="invoice-info-r">
                                     <input disabled class="invoice-input J_bank-account" type="text"
                                            name="bank-account">
                                 </i>
                             </span>
                        </p>
                    </div>

                </div>
            </div>

        </div>

        <!--sel-invoice-pop-up 选择发票类型-->
        <div class="sel-invoice-pop-up" id="J_sel-invoice-pop-up">
            <div class="pop-up-inner">
                <div class="pop-up-detail">
                    <p class="detail-item">
                        <span class="item-txt">发票类型</span>
                    </p>
                    <p class="detail-item cur J_no-invoice">
                        <span class="item-txt">不开具发票</span>
                        <span class="item-input-our">
                        <input type="checkbox" value="0" data-selinvoice="no-sel"
                               class="item-input J_sel-invoice-item">
                    </span>
                    </p>
                    <p class="detail-item">
                        <span class="item-txt">增值税普通发票</span>
                        <span class="item-input-our">
                        <input type="checkbox" value="1" data-selinvoice="sel-general"
                               class="item-input J_sel-invoice-item">
                    </span>
                    </p>
                    <p class="detail-item">
                        <span class="item-txt">增值专用税发票</span>
                        <span class="item-input-our">
                        <input type="checkbox" value="2" data-selinvoice="sel-increment"
                               class="item-input J_sel-invoice-item">
                    </span>
                    </p>
                    <!--用户最终确定选择-->
                    <input type="hidden" name="sel-invoice-final-sure" value="0" id="J_sel-invoice-final-sure">
                </div>
                <div class="user-op">
                    <a href="javascript:;" id="J_sel-invoice-pop-up-close">取消</a>
                    <a href="javascript:;" id="J_sel-invoice-sure" data-selinvoice="">确 定</a>
                </div>
            </div>
        </div>

        <!--bottom-buy-info-->
        <div class="bottom-buy-info" id="J_bottom-buy-info">
            <p class="sum-to" id="J_sum-to">共计<span class="red num">1</span>件，每件<span class="red price">100</span>元</p>
            <p class="total">合计：¥<span class="red total-price">100</span></p>
            <p class="settle-accounts">
                <span class="accounts-num">实付款：<span class="red">￥15750</span></span>
                <span class="buy-btn" id="J_submit-order">立即支付</span>
            </p>
        </div>
    </form>
</section>

<script src="../libs/jquery/jquery-1.10.2.min.js"></script>
<script src="../libs/layer.mobile/layer.js"></script>
<script src="../libs/mobile-select-area/mobile-select-area-dialog.js"></script>
<script src="../libs/mobile-select-area/mobile-select-area.js"></script>
<script src="../js/common/base.js"></script>
<script src="../js/common/tools.js"></script>
<script src="../js/common/common.js"></script>
<script src="../js/submit_order.js"></script>
</body>
</html>